<template>
  <v-app>
    <content-app-bar v-model="expandOnHover" />
    <content-drawer :expand-on-hover.sync="expandOnHover" />
    <content-view/>
  </v-app>
</template>

<script>
  export default {
    name: 'SystemIndex',

    components: {
      ContentAppBar: () => import('./components/AppBar'),
      ContentDrawer: () => import('./components/Drawer'),
      ContentView: () => import('./components/View')
    },

    data: () => ({
      expandOnHover: false
    })
  }
</script>
